<!DOCTYPE html>
<html>
	<head>
		<style>

</style>
		<meta charset="UTF-8">
		<title>hello</title>
		
	<script>
		function change()
		{
			document.getElementById("firstP").innerHTML="第一个段落";
		}
		
	</script>
	</head>
	<body align="center" style="background-color:aliceblue">
		<h1>第一个HTML页面</h1>
		<p id="firstP"><b><i>内容</i></b></p>
		<a href="https://www.njupt.edu.cn/">南邮官网链接</a><br><br>
		<img src="img/food.jpg" width="150" height="100" > <br />		
		<div>
		<hr/>
		
		
		<table border="1" align="center">
			<tr><th>head</th></tr>
			<tr><td>11</td><td>33</td></tr>
			<tr><td>22</td><td>&nbsp;</td></tr>
		</table>
		<button onclick="change()">改变</button>
		</div>
		
		
		<button type="button"
onclick="document.getElementById('demo').innerHTML = Date()">
点击我来显示日期和时间
</button>

<p id="demo"></p>

	<form>
		First name:<input type="text" name="firstname">
		<br>
		Last name:<input type="password" name=lastname">
	</form>
	
	<form>
	<input type="radio" name="sex" value="male" checked>Male
	<br>
	<input type="radio" name="sex" value="female">Female
	</form> 

	<form action="https://www.njupt.edu.cn/" method="post">
	First name:<br>
	<input type="text" name="firstname" value="Mickey">
	<br>
	Last name:<br>
	<input type="text" name="lastname" value="Mouse">
	<br><br>
	<input type="submit" value="Submit">
	</form> 
	<br>
	
	
	<form>
	<input type="checkbox" name="vehicle" value="Bike">I have a bike
	<br>
	<input type="checkbox" name="vehicle" value="Car">I have a car 
	</form> 
	
	
	<br>
    <form>
    <label for="zip">请输入5位邮政编码:</label>
    <input type="text" id="zip" name="zip" pattern="[0-9]{5}" required>
    <input type="submit" value="提交">
    </form>

	</body>
</html>
